<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>费用</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<link rel="stylesheet" href="../../../layui/css/layui.css" media="all" />
	<link rel="stylesheet" href="../../../css/public.css">
	<link rel="stylesheet" href="../../../css/bootstrap.css" media="all" />
	<script type="text/javascript" src="../../../js/jquery-2.1.1.js"></script>
	<script type="text/javascript" src="../../../js/bootstrap.js"></script>
	<link rel="stylesheet" href="../use.css" media="all" />
	<style type="text/css">
		.table th,
		.table td {
			text-align: center;
			vertical-align: middle !important;
		}
	</style>
</head>

<body>
	<h5>
		<button type="button" onclick="addinput()" class="layui-btn layui-btn-normal scale1" data-toggle="modal"
			href="#mymodal-link" id="href-btn">添 加
		</button>
		<div class="layui-inline" style="margin-left: 10px;">
			<input class="layui-input" id="searchName" autocomplete="off" placeholder="申请人姓名">
		</div>
		<button type="button" onclick="searchByName()" class="layui-btn">搜 索
		</button>
	</h5>
	<table id="ouputTable"
		class="table table-bordered table-striped text-centerk text-center table table-hover table-condensed">
	</table>
	<p id="zong"></p>
	<!-- 模态弹出窗内容 -->
	<div style="display: none;" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
		aria-hidden="true" id="mymodal-link" style="margin-top: 100px;">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"><span
							aria-hidden="true">&times;</span><span class="sr-only"></span></button>
					<h4 class="modal-title">登记信息</h4>
				</div>

				<div class="modal-body text-center">
					<h6>
						　　<label>消费标题：</label><input type="text" name="name" placeholder="消费标题" value=""><br>
						　　<label>消费金额：</label><input type="text" name="money" placeholder="消费金额" value=""><br>
						　 <label>申请姓名：</label><input type="text" name="peopleName" placeholder="申请姓名" value=""><br>
						　　<label>批准状态：</label>
						<select name="agree" id="agree" disabled="disabled">
							<!--<option  value="-1">请选择</option >-->
							<option value="0">提出申请</option>
							<option value="1">已经同意</option>
						</select><br>
						　　 <label>申请时间：</label>
						<input type="text" name="time" placeholder="申请时间" value=""><br>
						<label> 申请理由：</label>
						<textarea id="reason">
	                         </textarea><br>

						<input style="display: none;" type="text" name="addorupdate" value="">
						<input style="display: none;" type="text" name="id" value="">
					</h6>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button onclick="addinputInsert()" type="button" class="btn btn-primary"
						data-dismiss="modal">保存</button>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript" src="../../../js/public.js"></script>
	<script type="text/javascript" src="../../../layui/layui.js"></script>
	<!--<script type="text/javascript" src="userList.js"></script>-->
	<script type="text/javascript" src="../../../js/jquery-2.1.1.js"></script>
	<script type="text/javascript" src="output.js"></script>
</body>

</html>